<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-1.11.1.js"></script>
		<script src="jquery.neoslide.js"></script>
		<link rel="stylesheet" href="neoslide.css"/>
		<style type="text/css">
			.a{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
			}
		</style>
	</head>
	<body>
		<div class="a">
		    <div class="banner">
		        <ul class="banner-img">
		            <li><img/></li>
		            <li><img/></li>
		            <li><img/></li>
		            <li><img/></li>
		            <li><img/></li>
		        </ul>       
		        <!--<div class="top"><p></p></div>-->
		         <ul class="list">
		             <li class="curr"></li>
		         </ul>
		    	<img class="prew-img" />
			</div>
		</div>
	</body>
</html>

		<script type="text/javascript">
			$(function() {
			    $('.banner').neoSlide({
			    	'w':'560',         //轮播区域的宽度(必选项)
			        'h':'300',          //轮播区域的高度(必选项)
			        'direction':'right',//轮播方向left或者right，默认为right
			        'delay':'2000',     //中间间隔时间，单位毫秒，默认4000
			        'type':'slide',     //轮播方式：slide或者fadeIn,默认为slide
			        'bot_list':true,    //顶部图片信息介绍，参数为布尔值(必选项)
			        'top_info':true,    //底部列表，参数布尔值(必选项)
			        'mousewheel':true,  //是否开启鼠标滚轮切换，参数布尔值，默认为false
			        'keyboard':true,    //是否开启左右键盘切换，参数布尔值，默认为false
			        //下面配置你的图片信息(必选项)
			        'img':[
				        {
//				            'top':'1',     //顶部图片介绍信息（bot_list为false时省略不写）
				            'src':'images/1.jpg'//图片路径
				        },
				        //下面可以随意添加任意数量图片信息
				        {
//				            'top':'2',     //顶部图片介绍信息（bot_list为false时省略不写）
				            'src':'images/2.jpg'//图片路径
				        },
				        {
//				            'top':'3',     //顶部图片介绍信息（bot_list为false时省略不写）
				            'src':'images/3.jpg'//图片路径
				        }
				        ,{
//				            'top':'4',     //顶部图片介绍信息（bot_list为false时省略不写）
				            'src':'images/4.jpg'//图片路径
				        }
			        ]
			    });
			});
		</script>